<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8" />
    <title>人才</title>
    <link rel="stylesheet" href="css/yueke.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
    <div class="header">
        <div class="header_in">
            <div class="header_logo">
                <h1></h1>
                <img src="images/index_log.jpg" />
            </div>
            <div class="header_nav">
                <ul>
                    <li><a href="model_news_list.html">前沿资讯</a></li>
                    <li><a href="model_problem_list.html">互动问答</a></li>
                    <li><a href="model_personage_center.html">帮助中心</a></li>
                </ul>
            </div>
            <div class="header_info">
                <div class="header_info_find"><a href="#">寻找合作伙伴</a></div>
                <div class="header_register">
                    <a href="#">登录</a>|
                    <a href="#">注册</a>
                </div>
                <div class="header_become">
                    <a href="#">成为我们的专家</a>
                </div>
            </div>
            <div class="clear_both"></div>
        </div>
    </div>
    <div class="index_banner">
        <ul class="index_banner_in" id="index_banner">
            <li class="index_banner_item">
                <div class="index_banner_item_in">
                    <img src="images/index_banner.jpg" alt="" />
                </div>
            </li>
        </ul>
        <ol class="index_banner_circle" id="index_circle">
            <li class="active"></li>
        </ol>
        <div class="index_banner_prev" id="index_prev"></div>
        <div class="index_banner_next" id="index_next"></div>
    </div>
    <div class="talents_index_partition">
        <ul class="talents_index_partition_list">
            <li class="talents_index_partition_item item1">
                领域牛人
            </li>
            <li class="talents_index_partition_item item2">
                咨询规划
            </li>
            <li class="talents_index_partition_item item3">
                创投融孵
            </li>
        </ul>
    </div>
    <div class="index_teamwork talents_index_classify">
        <h3 class="index_title index_teamwork_title">人才分类</h3>
        <ul class="index_teamwork_list">
            <li class="index_teamwork_item">
                <div class="index_teamwork_item_show">
                    <div class="index_teamwork_item_img">
                        <img src="images/index_teamwork_item_img1.jpg" alt="" />
                    </div>
                    <p class="index_teamwork_item_des">人工智能</p>
                </div>
            </li>
            <li class="index_teamwork_item">
                <div class="index_teamwork_item_show">
                    <div class="index_teamwork_item_img">
                        <img src="images/index_teamwork_item_img2.jpg" alt="" />
                    </div>
                    <p class="index_teamwork_item_des">新能源</p>
                </div>
            </li>
            <li class="index_teamwork_item">
                <div class="index_teamwork_item_show">
                    <div class="index_teamwork_item_img">
                        <img src="images/index_teamwork_item_img3.jpg" alt="" />
                    </div>
                    <p class="index_teamwork_item_des">新材料</p>
                </div>
            </li>
            <li class="index_teamwork_item">
                <div class="index_teamwork_item_show">
                    <div class="index_teamwork_item_img">
                        <img src="images/index_teamwork_item_img4.jpg" alt="" />
                    </div>
                    <p class="index_teamwork_item_des">医疗与健康</p>
                </div>
            </li>
            <li class="index_teamwork_item margin">
                <div class="index_teamwork_item_show">
                    <div class="index_teamwork_item_img">
                        <img src="images/index_teamwork_item_img5.jpg" alt="" />
                    </div>
                    <p class="index_teamwork_item_des">检验与检测</p>
                </div>
            </li>
            <li class="index_teamwork_item margin">
                <div class="index_teamwork_item_show">
                    <div class="index_teamwork_item_img">
                        <img src="images/index_teamwork_item_img7.jpg" alt="" />
                    </div>
                    <p class="index_teamwork_item_des">检验与检测</p>
                </div>
            </li>
            <li class="index_teamwork_item margin">
                <div class="index_teamwork_item_show">
                    <div class="index_teamwork_item_img">
                        <img src="images/index_teamwork_item_img6.jpg" alt="" />
                    </div>
                    <p class="index_teamwork_item_des">信息科技</p>
                </div>
            </li>
            <li class="index_teamwork_item margin">
                <div class="index_teamwork_item_show">
                    <div class="index_teamwork_item_img">
                        <img src="images/index_teamwork_item_img7.jpg" alt="" />
                    </div>
                    <p class="index_teamwork_item_des">食品与安全</p>
                </div>
            </li>
        </ul>
        <div class="talents_index_btn">
            <a href="#">查看更多分类</a>
        </div>
    </div>
    <div class="talents_index_recommend">
        <div class="talents_index_recommend_in">
            <h3 class="talents_index_recommend_in_title">人才分类</h3>
        </div>
        <div class="talents_index_recommend_list">
            <ul>
                <li class="talents_index_recommend_item">
                    <div class="talents_index_recommend_item_img">
                        <img src="images/team_introduce_img.jpg" alt="" />
                    </div>
                    <div class="talents_index_recommend_item_person">
                        <div class="person"><span>张嘉怡</span><i>热能工程师</i></div>
                        <p class="describe">航空发动机/燃气轮机总体性能相关</p>
                    </div>
                    <span class="talents_index_recommend_item_num"><i>20</i>约过</span>
                </li>
                <li class="talents_index_recommend_item">
                    <div class="talents_index_recommend_item_img">
                        <img src="images/team_introduce_img.jpg" alt="" />
                    </div>
                    <div class="talents_index_recommend_item_person">
                        <div class="person"><span>张嘉怡</span><i>热能工程师</i></div>
                        <p class="describe">航空发动机/燃气轮机总体性能相关</p>
                    </div>
                    <span class="talents_index_recommend_item_num"><i>20</i>约过</span>
                </li>
                <li class="talents_index_recommend_item margin">
                    <div class="talents_index_recommend_item_img">
                        <img src="images/team_introduce_img.jpg" alt="" />
                    </div>
                    <div class="talents_index_recommend_item_person">
                        <div class="person"><span>张嘉怡</span><i>热能工程师</i></div>
                        <p class="describe">航空发动机/燃气轮机总体性能相关</p>
                    </div>
                    <span class="talents_index_recommend_item_num"><i>20</i>约过</span>
                </li>
                <li class="talents_index_recommend_item">
                    <div class="talents_index_recommend_item_img">
                        <img src="images/team_introduce_img.jpg" alt="" />
                    </div>
                    <div class="talents_index_recommend_item_person">
                        <div class="person"><span>张嘉怡</span><i>热能工程师</i></div>
                        <p class="describe">航空发动机/燃气轮机总体性能相关</p>
                    </div>
                    <span class="talents_index_recommend_item_num"><i>20</i>约过</span>
                </li>
                <li class="talents_index_recommend_item">
                    <div class="talents_index_recommend_item_img">
                        <img src="images/team_introduce_img.jpg" alt="" />
                    </div>
                    <div class="talents_index_recommend_item_person">
                        <div class="person"><span>张嘉怡</span><i>热能工程师</i></div>
                        <p class="describe">航空发动机/燃气轮机总体性能相关</p>
                    </div>
                    <span class="talents_index_recommend_item_num"><i>20</i>约过</span>
                </li>
                <li class="talents_index_recommend_item margin">
                    <div class="talents_index_recommend_item_img">
                        <img src="images/team_introduce_img.jpg" alt="" />
                    </div>
                    <div class="talents_index_recommend_item_person">
                        <div class="person"><span>张嘉怡</span><i>热能工程师</i></div>
                        <p class="describe">航空发动机/燃气轮机总体性能相关</p>
                    </div>
                    <span class="talents_index_recommend_item_num"><i>20</i>约过</span>
                </li>
            </ul>
        </div>
        <div class="talents_index_btn">
            <a href="#">查看更多分类</a>
        </div>
    </div>
    <div class="index_link">
        <div class="index_link_in"></div>
    </div>
    <div class="index_footer">
        <div class="index_footer_link">
            <a href="">新闻公告</a>|
            <a href="">关于我们</a>|
            <a href="">联系我们</a>|
            <a href="">用户协议</a>
        </div>
        <p class="index_footer_copy">Copyright©2016 yk-zb.com 粤科众包 版权所有 粤ICP备16027165号-1</p>
    </div>
</body>
</html>
<script type="text/javascript">
    $(function() {

        //banner 轮播
        (function fnBanner(){
            var iWinWidth = $(window).width();
            var iNum = $('#index_banner li').length;
            var iCirWidth = $('#index_circle li').width()*iNum + 22*(iNum - 1);
            var indexOld = 0;
            $('#index_banner li').css('width',iWinWidth+'px');
            $('#index_circle').css({"width":iCirWidth + "px","margin-left":-iCirWidth/2 + "px"});
            $('#index_banner').css({"width":iWinWidth * iNum + "px"});
            if(iNum <= 1){
                $('#index_circle').hide();
                $('#index_next').hide();
                $('#index_prev').hide();
            }
            $('#index_next').click(function(event) {
                if(indexOld >= 2){
                    return;
                }
                indexOld++;
                console.log(indexOld);
                $('#index_circle li').removeClass('active');
                $('#index_circle li').eq(indexOld).addClass('active');
                $('#index_banner').animate({"left":-iWinWidth * indexOld + "px"}, 200);
            });
            $('#index_prev').click(function(event) {
                if(indexOld == 0){
                    return;
                }
                indexOld--;
                console.log(indexOld);
                $('#index_circle li').removeClass('active');
                $('#index_circle li').eq(indexOld).addClass('active');
                $('#index_banner').animate({"left":-iWinWidth * indexOld + "px"}, 200);
            });
            $('#index_circle li').click(function(event) {
                indexOld = $('#index_circle li').index(this);
                $('#index_circle li').removeClass('active');
                $('#index_circle li').eq(indexOld).addClass('active');
                $('#index_banner').animate({"left":-iWinWidth * indexOld + "px"}, 200);
            });
            function fnTimer(){
                if(indexOld >= 2){
                    return;
                }
                indexOld++;
                console.log(indexOld);
                $('#index_circle li').removeClass('active');
                $('#index_circle li').eq(indexOld).addClass('active');
                $('#index_banner').animate({"left":-iWinWidth * indexOld + "px"}, 200);
            }
            var timer = setInterval(fnTimer, 200);
            $('.index_banner').hover(function() {
                clearInterval(timer) ;
                $('#index_prev').fadeIn(200);
                $('#index_next').fadeIn(200);
            }, function() {
                timer = setInterval(fnTimer, 200);
                $('#index_prev').fadeOut(200);
                $('#index_next').fadeOut(200);
            });
        })();
    });
</script>